// 引入公共样式
require('../css/commCss/normalize.css')

// 引入重置补充样式
require('../css/commCss/reset.css')

// 引入公共样式
require('../css/commCss/property.css')

// 引入公共模块
require('../css/commCss/basic.css')

// 引入当前样式
require('../css/register.less')

// 引入axios
const axios =  require('axios')



// 引入轻提示
require('weui')
let weui = require('weui.js')


// 引入插件
const CaptchaMini = require('captcha-mini')

document.addEventListener('DOMContentLoaded',function(){

let code = ''
// 验证码
function getCode(){
    let captcha = new CaptchaMini({
        lineWidth: 5,   //线条宽度
        lineNum: 6,       //线条数量
        dotR: 2,          //点的半径
        dotNum: 25,       //点的数量
        preGroundColor: [10, 80],    //前景色区间
        backGroundColor: [150, 250], //背景色区间
        fontSize: 50,           //字体大小
        fontFamily: ['Georgia', '微软雅黑', 'Helvetica', 'Arial'],  //字体类型
        fontStyle: 'stroke',      //字体绘制方法，有fill和stroke
        content: 'abcdefghijklmnopqrstuvw1234567890',  //验证码内容
        length: 4    //验证码长度
    }); 
    captcha.draw(document.querySelector('#captcha'), r => {
        console.log(r);
        code = r
    });
}

getCode()

// 获取元素
// 手机号
const tel = document.querySelector('#tel')
// 验证码
const captchaCode = document.querySelector('#captchaCode')

// 密码
const pwd = document.querySelector('#pwd')

// 确认密码
const pwd2 = document.querySelector('#pwd2')

// 注册按钮
const submitBtn = document.querySelector('#submitBtn')

// 提示文本
const errMsg = document.querySelector('#errMsg')

// 注册submit按钮的点击事件
submitBtn.addEventListener('click',function(){
    // console.log(1);

   

    // 判断数据是否合格,只判断错误的情况
    if(!/^1[3-9][0-9]{9}$/.test(tel.value)){
        errMsg.textContent = '手机号错误'
        getCode()
        // 错误就结束函数
        return;
    }else if(captchaCode.value != code){
        errMsg.textContent = '验证码错误'
        getCode()
        return;

    }else if(!/^[a-zA-Z]\w{5,11}$/.test(pwd.value)){
        errMsg.textContent = '密码不符合要求'
        getCode()
        return;
    }else if(pwd2.value != pwd.value){
        errMsg.textContent = '两次密码不一致'
        getCode()
        return;
    }else{
        // 清空错误信息
        errMsg.textContent = ''

        // 可以发送请求
       axios.post('http://139.9.177.51:8099/users/add',{
           account:tel.value,
           password:pwd.value
       }).then(function(res){
           
           if(res.data.status === 0){
            weui.toast('操作成功',2000)
            setTimeout(function(){
                location.href = './login.html'
            },2500)
           }else{
               getCode()
               
           }
       })
    }
})
})
